Навигация по сайту без перезагрузки.

[Fqyeh]

Решил написать навигацию без перезагрузки, но получившийся код отсылает сразу 2 запроса, что сказывается как на времени загрузки страницы так и на трафик пользователя. + это не красиво)

Вот такой код:

$(document).ready(function(){
setPage('<? echo $content;?>');



$(window).bind('popstate', function() {
                $.ajax({
                    url:     location.pathname+"?content=1",
                    success: function(data) {
                        $("div.right-part").html(data);
                    }
                });
            });
	});
function setPage(url) {
 $(this).parent().addClass('active');

	
		 
                $.ajax({
                    url:   url+"?content=1", 
                    success: function(data){
                        $("div.right-part").html(data);
                    }
                });
               if(url != window.location){
                    window.history.pushState(null, null, url);
                }
                return false;
		 
		 
		 
		 
	}

<a href="#" onclick="setPage('ref.php')" class="link">Мои рефералы</a>

Вот сама страница с контентом:

<?
$content=$_GET['content'];
if ($content != '1') {
$content='ref.php';
include ('index.php');
} else {
?>
Контент

<?
} ?>

Нужно чтобы и при переходе на ref.php открывался не только контент, но и сама страница. Работали кнопки вперед и назад. И страницы переключались без загрузки всей страницы. Сейчас все это работает, но это же не нормально 2 запроса?). Как оставить все рабочим, но убрать 1 запрос, или есть может урок на эту тему?)

[Fqyeh]

АП